const getServerSideProps = async (context) => {
  const res = await fetch('http://localhost:3000/api' + context.resolvedUrl);
  const data = await res.json();

  return { props: { data } };
}

const Main = ({ data }) => {
  switch (data.resultType) {
    case 'data':
      return (
        <div>
          <h1>Items:</h1>
          <ul>
            {data.resultContent.map((item) => (
              <li>{item}</li>
            ))}
          </ul>
        </div>
      )
      
      break;
    case 'error':
      return (
        <div>
          <h1>Error:</h1>
          {data.resultContent}
        </div>
      )

      break;
  }
}

export { getServerSideProps };
export default Main;